<div id="page" class="wrapper w_960 clearfix">
  <h2 class="heading">Customize - fasdfadsf</h2>
  <div id="cus_1" class="container clearfix">
    <form id="preferencesLogoForm" action="/blogger/preferencesLogoSave" method="post" enctype="multipart/form-data">
      <input name="toCurrent" type="hidden" id="toCurrent" value="">
      <div class="col first_col twothird">
        <div style="float: right;"><a href="/blogger/1989/preferences/logo/reset" onclick="var bl=confirm('Are you sure you want to reset to defaults?'); if(bl){return true;} else {return false;}">Reset to Defaults</a></div>
        <h4>Select Theme</h4>
        <div class=" clearfix">
          <table width="100%" align="left" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td><select id="theme" name="theme">
                    <option value="1" selected="selected">Default Theme</option>
                    <option value="2">Deep Blue</option>
                    <option value="3">Grass Green</option>
                    <option value="4">Pearl White</option>
                    <option value="5">Vanilla Sky</option>
                    <option value="6">Autumn Leaf</option>
                  </select>
                  <div alt="Please select your desired theme." qtipwidth="200" qtid="scr_adsense_dimensions" class="qtip " style="width:20px; height:20px; background:url(/images/help.png); float:right; "></div></td>
              </tr>
            </tbody>
          </table>
        </div>
        <h4>Logo</h4>
        <div class=" clearfix">
          <table width="100%" align="left" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td width="20%"></td>
                <td><label for="upload">Upload Logo (100x100px):</label>
                  <br>
                  <input type="file" name="logo" id="u_logo" size="30">
                  <input type="button" class="currentForm" value="Upload">
                  <img style="width:20px; height:20px; float:right; " qtipwidth="200" alt="Upload your blog logo. This will be used for your blog icon. If you leave it empty, default icon will be used instead." border="0" class="qtip " src="/images/help.png"> </td>
              </tr>
            </tbody>
          </table>
        </div>
        <h4>Header Image</h4>
        <div class=" clearfix">
          <table width="100%" align="left" cellpadding="0" cellspacing="0" style="float: right;">
            <tbody>
              <tr>
                <td width="20%"></td>
                <td><label for="upload">Upload Your Header Image (640x112px):</label>
                  <br>
                  <input type="file" name="header" size="30">
                  <input type="button" class="currentForm" value="Upload">
                  <div alt="Upload your own header. If you leave it empty, default image will be used instead." qtipwidth="200" qtid="scr_adsense_dimensions" class="qtip " style="width:20px; height:20px; background:url(/images/help.png); float:right; "></div></td>
              </tr>
            </tbody>
          </table>
        </div>
        <input type="hidden" name="_useDefalutBg" value="on">
        <div class="left full clearfix">
          <input type="button" class="submit left currentForm" value="Save">
          <input type="submit" id="submitBtn" class="submit left" value="Save and Continue">
          <a href="/customer/dashboard">Cancel</a> </div>
      </div>
      <div id="preview_iphone" class="col last_col third">
        <h3 style=" padding-left:50px;">Preview</h3>
        <div class="iphone png_bg simulator">
          <style>
img{ border:0;}
.new_layout{ width:450px; height:300px; margin:5px auto;}
.layout_left{ width:195px; height:295px; float:left; border:1px #5a5858 solid; background:url(/images/layout1_bg.png) no-repeat;}
.layout_right{ width:195px; height:295px; float:left; border:1px #5a5858 solid; background:url(/images/layout1_bg.png) no-repeat;}
.layout_header{ width:195px; height:27px;}
.h_tit{ color:#d2ff7f; font-family:Helvetica; font-size:12px; font-weight:700; text-align:center; height:15px;}
.layout1_con{ width:185px; height:80px; padding:5px 5px 0 5px;overflow: hidden;}
.h1_w{ color:#707070; font-family:Arial, Helvetica, sans-serif; font-size:10px;  height:15px;}
.layout1_color{ width:180px; height:50px; background:url(/images/dialog-l1t1.png) no-repeat; margin:5px 0 0 5px; padding:7px 2px 0 3px; line-height:12px;}
.layout_pic_s{ width:32px; height:32px; border:none; float:left; margin-top:5px;margin-right: 3px;}
.layout1_r{ width:142px; height:40px; float:right;}
.lay1_tit{ color:#FFF; font-size:10px; font-weight:700;}
.lay1_con{ color:#FFF; font-size:9px; height:36px; overflow:hidden; display:block;}
.lay1_con a{ text-decoration: none; }
.lay1_sed{ width:93%; height:100%; margin-left:3px; margin-right:3px;}
.lay1right_con{ width:185px; height:100%; padding:5px 5px 0 5px;}
.lay1right_color{ width:180px; height:230px; background:url(/images/dialog-l1t1_right.png) no-repeat; margin:5px 0 0 5px; padding:7px 2px 0 3px; line-height:12px;}
.lay_foot{ width:195px; height:38px; background:url(/images/layfoot_bg.png) no-repeat; position:absolute; z-index:100; margin-top:-20px;_behavior: url(/js/iepngfix.htc);}
.fot_wd{ color:#FFF; font-size:9px;  border:none;}
.lay_bmark{ width:50px; height:30px; background:url(/images/icon30x30-bookmark.png) no-repeat; _behavior: url(/js/iepngfix.htc); float:left; margin:8px 0 0 20px;}
.lay_bsetting{ width:40px; height:30px; background:url(/images/icon30x30-settings.png) no-repeat; _behavior: url(/js/iepngfix.htc); float:right; margin:8px 25px 0 0;}

</style>
          <script type="text/javascript">
<!--
$(function(){
	$("#postContentArea").show();
	$("span._content,span._title").click(function(){
		$("div.layout_left").load("/common/preview_detail1.jsp?id=1989&refer=logo&link=" + $(this).attr("link")+"&t="+new Date().getTime(),function(){
			$(this).removeClass("layout_left,bg");
			
			$("._content").find("img").each(function() {
                var _width = $(this).attr("width");
                if(_width>170) {
                    $(this).attr("width","170");
                    $(this).removeAttr("height");
                }
                if($(this).parent().is("a")) {
                    $(this).parent().removeAttr("href");
                }
          });
		});
	});
});
//-->
</script>
          <div class="layout_left bg" style="text-align: left; opacity: 1; ">
            <div class="layout_header" style="background:url(/images/layout1header_bg.png) no-repeat; ">
              <div class="h_tit"> <span>fasdfadsf</span>
                <div class="postsLoading" style="z-index: 1002;"></div>
              </div>
            </div>
            <div class="layout1_con">
              <div class="h1_w"><span class="_day" id="day0" style="color: rgb(153, 153, 153); font-family: Arvo; ">0 minutes ago</span></div>
              <div class="layout1_color layout_id" style="background-image: url(http://bloapp.com/images/dialog-l1t1.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: no-repeat no-repeat; ">
                <div id="image0" class="layout_pic_s" style="display:none;"><img style="border:0;" width="32px" height="32px"></div>
                <div class="lay1_sed"> <span class="lay1_tit _title" id="title0" style="cursor: pointer; display: block; min-height: 10px; max-height: 12px; overflow-x: hidden; overflow-y: hidden; font-size: 12px; color: rgb(255, 255, 255); font-family: Arvo; " link="">5 Ways to Index Your Blog  by..</span> <span class="lay1_con clearwords _content" style="cursor: pointer; margin-bottom: 10px; font-size: 9px; color: rgb(255, 255, 255); font-family: Arvo; " id="content0" link="">5 Ways to Index Your Blog  by Google in 24 Hours</span> </div>
              </div>
            </div>
            <div class="layout1_con">
              <div class="h1_w"><span class="_day" id="day1" style="color: rgb(153, 153, 153); font-family: Arvo; ">0 minutes ago</span></div>
              <div class="layout1_color layout_id" style="background-image: url(http://bloapp.com/images/dialog-l1t1.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: no-repeat no-repeat; ">
                <div id="image1" class="layout_pic_s" style="display:none;"><img style="border:0;" width="32px" height="32px"></div>
                <div class="lay1_sed"> <span class="lay1_tit _title" id="title1" style="cursor: pointer; display: block; min-height: 10px; max-height: 12px; overflow-x: hidden; overflow-y: hidden; font-size: 12px; color: rgb(255, 255, 255); font-family: Arvo; " link="">5 Ways to Index Your Blog  by..</span> <span class="lay1_con clearwords _content" style="cursor: pointer; margin-bottom: 10px; font-size: 9px; color: rgb(255, 255, 255); font-family: Arvo; " id="content1" link="">5 Ways to Index Your Blog  by Google in 24 Hours</span> </div>
              </div>
            </div>
            <div class="layout1_con">
              <div class="h1_w"><span class="_day" id="day2" style="color: rgb(153, 153, 153); font-family: Arvo; ">0 minutes ago</span></div>
              <div class="layout1_color layout_id" style="background-image: url(http://bloapp.com/images/dialog-l1t1.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: no-repeat no-repeat; ">
                <div id="image2" class="layout_pic_s" style="display:none;"><img style="border:0;" width="32px" height="32px"></div>
                <div class="lay1_sed"> <span class="lay1_tit _title" id="title2" style="cursor: pointer; display: block; min-height: 10px; max-height: 12px; overflow-x: hidden; overflow-y: hidden; font-size: 12px; color: rgb(255, 255, 255); font-family: Arvo; " link="">5 Ways to Index Your Blog  by..</span> <span class="lay1_con clearwords _content" style="cursor: pointer; margin-bottom: 10px; font-size: 9px; color: rgb(255, 255, 255); font-family: Arvo; " id="content2" link="">5 Ways to Index Your Blog  by Google in 24 Hours</span> </div>
              </div>
            </div>
            <div class="lay_foot">
              <div class="lay_bmark"> </div>
              <div class="lay_bsetting"> </div>
            </div>
          </div>
        </div>
      </div>
    </form>
  </div>
</div>
